import React, { Component } from 'react';
import Slot from './Slot.jsx';
import { SlotProvider } from './SlotProvider.jsx';

class AppLayout extends Component {
  static displayName = 'AppLayout'

  render() {

    return (
      <div>
        <header>
          <Slot name="header"></Slot>
        </header>
        <main>
          <Slot></Slot>
        </main>
        <footer>
          <Slot name="footer"></Slot>
        </footer>
      </div>
    );
  }
}

export default SlotProvider(AppLayout);